/*PC页面重置(非响应式)*/
@charset “utf-8″;
* {
  tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;
}

html{border:0; height: inherit;
        overflow-x: hidden; overflow-y: auto;
        font-family:' Microsoft YaHei ','PingFang SC','Droidsansfallback';
}
body{margin:0 auto; padding:0;font-size:12px;background: #fff;
height: inherit;line-height: inherit;height: 100%;min-width: 980px;
}
div,dl,dt,dd,ol,ul,b,li,p,h1,h2,h3,h4,input,h6,h5,form,i,pre,fieldset,textarea,p,blockquote,th,td
{margin:0; padding:0;list-style:none; font-weight:normal; font-style: normal;}
dl,ul,li,p{text-align:left;}
img{border:0px;width: 50px;height: 50px;}
.clear{clear:both; overflow:hidden; }
a{ color:#000; text-decoration:none;-webkit-user-select:none;-webkit-touch-callout: none;}
em{font-style: normal;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
table {
     border-collapse:collapse;
     border-spacing:0;
 }
fieldset,img {
     border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
     font-style:normal;
     font-weight:normal;
}
caption,th {
     text-align:left;
}
h1,h2,h3,h4,h5,h6 {
     font-size:100%;
     font-weight:normal;
}
q:before,q:after {
     content:”;
}
abbr,acronym {
     border:0;
}


.guDig,#menuPid,.boTul,.daoHbot
{display: none;}

span.ourVR,
span.ourVR-f,
#navwrap .nav p
{
  background-image: url(../img/svrp190730.png);
      background-image: -webkit-image-set(url(../img/svrp190730.png) 1x,url(../img/svrp190730@2x.png) 2x);
      background-repeat: no-repeat;
}
#go-top{
background-image: url(http://vr.qdxin.cn/img/sprit-17102.png);
background-image: -webkit-image-set(url(http://vr.qdxin.cn/img/sprit-17102.png) 1x,url(http://vr.qdxin.cn/img/sprit-17102@2x.png) 2x);
                         background-repeat: no-repeat;
}

.topVR{width: 100%;}

#vrBg{max-height: 100%;
    margin: 0 auto;
    overflow: hidden;position: absolute;z-index:-2;left: 0;right: 0;top: 0;}

.topVR{width: 100%;height: 400px;overflow: hidden;position: relative;}
.topVR_list{width: 100%;background: #6c6c6c;}
.vr-cover{position: absolute;width: 100%;height: 100%;background: #000;opacity: 0.3;z-index: -1;top: 0;left:0;right: 0;display: none;}

#navwrap{margin: 0 auto;width: 100%;height:70px;background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));}
#navwrap .nav{width: 1000px;height: 70px;margin:0 auto;color: #fff;position: relative;}
#navwrap .nav p{float: left;height: 40px;width: 120px;text-indent: -999em;margin-top: 15px;background-position: 0 4px;}
#navwrap .nav .navreal{overflow: hidden;width: 880px;}
#navwrap .nav .navright{float: right;overflow: hidden;margin-top: 15px;width: 640px;}
#navwrap .nav .navright ul{float: left;overflow: hidden;}
#navwrap .nav .navright ul li{float: left;}
#navwrap .nav .navright ul li a{color: #fff;display: block;width: 80px;text-align: center;height: 40px;font-size: 16px;line-height: 40px;}
#navwrap .nav .navright ul li a:hover{color: #ffbe01;}

#navwrap .nav #xinmore{position: absolute;width: 120px;font-size: 16px;cursor:default;top: 15px;right: 0;}

#navwrap .nav #xinmore span{position: absolute;height: 40px;border:2px solid #fff;border-radius: 50px;width: 120px;line-height: 40px;text-align: center;font-size: 16px;cursor:default;top: 0;right: 0;}

#morelink{position: absolute;display: none;top: 40px;left: 13px;z-index: 100;}
#morelink li a{width: 95px;display: block;background: url(../img/morebg.png);color: #fff;font-size: 16px;height: 40px;line-height: 40px;text-align: center;}
#morelink li a:hover{background: #ffbe01;color: #fff;}

.totitle{width: 1000px;margin: 40px auto 0;}
.totitle h1{color:#fdecba;font-weight: bold;font-size: 50px;text-align: center; }
.totitle p{color: #fff;font-size: 16px;text-align: center;line-height: 32px;margin: 0 auto;}
.totitle p em{display: block;}
.totitle a{
  color: #fff;
    border: none;
    background-image: -webkit-linear-gradient(315deg,#7ba5fb,#14ffe0);
    background-image: linear-gradient(135deg,#7ba5fb,#14ffe0);
    width: 254px;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 20px;
    margin: 10px auto 0;display: block;text-align: center;border-radius: 50px;
  }
 .totitle a:hover {
      background-image: -webkit-linear-gradient(315deg,#739ce5,#13e5c2);
      background-image: linear-gradient(135deg,#739ce5,#13e5c2);
      color: #fff!important;
  }

  .bottQu{background-color: #DEDEDE;width: 100%;}
  .bottQu p{width: 640px;text-align: center;font-size: 12px;height: 46px;line-height: 46px;margin: auto;color: #4d4d4d;}

.mainbody{width: 1000px;margin: 30px auto 30px;}
.margin_list{margin-bottom: 86px;}
.maintitle{width: 100%;border-left:5px solid #FFBE01;font-size: 18px;font-weight: bold;color: #4d4d4d;padding-left: 10px;position: relative;}
.maintitle .more a{position: absolute;right: 0;font-weight: normal;color: #656565;font-size: 16px;top: 5px;}
.maintitle .more a:hover{color: #1796F0}

.maintitle .biaot a{}
.maintitle .biaot a:hover{color: #FFA60B;}

.newVR{width: 100%;overflow: hidden;margin: 20px 0 50px;}
.newVR .new-l{float: left;width: 520px;height: 430px;}
.newVR .new-l p{width: 100%;position: absolute;bottom: 0;left: 0;right: 0;height: 50px;line-height: 50px;color: #fff;background: #000;background: rgba(0,0,0,0.5);filter: alpha(opacity=80);z-index: 10;font-size: 16px;padding: 0 10px;overflow: hidden; text-align: center;}
.newVR .new-l a{display: block;width: 100%;height: 440px;overflow: hidden;position: relative;}
.newVR a img{display: block;height:100%;width: auto;position: absolute;left: -45%;}
.newVR .new-r{float:right;width: 460px;height: 440px;}
.newVR .new-r ul{overflow: hidden;}
.newVR .new-r ul li{float: left;width: 220px;margin-bottom: 20px;margin-right: 20px;position: relative;}
.newVR .new-r ul li.nomargin{margin-right: 0;}
.newVR .new-r ul li p{background: #000;filter: alpha(opacity=80);background: rgba(0,0,0,0.6);color: #fff;font-size: 14px;line-height: 22px;text-align: center;position: absolute;bottom: 0;left: 0;right: 0;width: 100%;padding: 5px 5px}
.newVR .new-r ul li a{display: block;position: relative;width: 100%;height: 210px;overflow: hidden;}

span.ourVR{display: block;position: absolute;width: 60px;height: 60px;right: 0;top: 0;background-position: 3px -40px;}
span.ourVR-f{display: block;position: absolute;width: 60px;height: 60px;right: 0;top: 0;background-position: -58px -40px;}
i.icon720{
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    background-position: -3px -106px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    opacity: .7;
    filter: Alpha(opacity=70);
    z-index: 10;
}

.vr-row{margin: 20px 0 50px;overflow: hidden;}
.vr-row ul{overflow: hidden;}
.vr-row ul li{float: left;margin-left: 20px;}
.vr-row ul li.nomargin{margin-left: 0;}
.vr-row ul li:first-child{margin-left: 0;}
.vr-row ul li a{display: block;width: 100%;overflow: hidden;height: 250px;position: relative;}
.vr-row ul li a img{height: 115%;display: block;width: auto;bottom: 0;position: absolute;}
.vr-row ul li p{background: #f2f2f2;font-size: 14px;line-height: 30px;text-align: center;overflow: hidden;padding: 5px;}

.vr-row ul li a p{background: #000;filter: alpha(opacity=80);background: rgba(0,0,0,0.6);color: #fff;bottom: 0;position: absolute;left: 0;right: 0;padding: 5px;z-index: 10;}

.two ul li{width: 490px;}
.three ul li{width: 320px;}
.one ul li{width: 100%;}
.one ul li a{height: 350px;}
.one ul li a p{height: 40px;line-height: 40px;background: #000;background: rgba(0,0,0,0.5);color: #fff;position: absolute;bottom: 0;left: 0;right: 0;text-align: center;filter: alpha(opacity=80);z-index:100;}
.one ul li a img{width: 105%;height: auto;}

#go-top {
    margin: -10px 5px 5px 5px;
    width: 40px;
    height: 40px;
    border-radius: 1px;
    opacity: 0.95;
    background-color:#FDC12D;
    text-indent: 9999em;
    background-position: -78px -50px;
    z-index: 999999;
}

.list-page ul li{margin-bottom: 20px;}
/*iehack 8/9/10*/
@media screen\0{
     .IEbg{/*background: url(../js/vrbg.jpg) center center no-repeat;*/}
     .IEbg .totitle a{background: #7ba5fb;}
     .IEbg .totitle a:hover{background: #14ffe0;;}
      #VRbg{display: none;}
      .vr-cover{display: block;filter: alpha(opacity:60);opacity: 0.6!important;}
      .vr-cover img{width: auto;height: auto;display: block;position: absolute;left: 50%;margin-left: -960px;}
      #navwrap{background: url(../img/IEtopbg.png) top center;}
      .topVR{z-index: -2;background: #000;}
}